// 学习目标：使用React创建h1标签、显示在浏览器中

// 导入react和react-dom
import React from 'react';
import ReactDom from 'react-dom/client';

// 创建元素
// let const
const h1Dom = <h1>hello React</h1>;
// 打印
console.log('h1Dom----->', h1Dom);

// 渲染React元素
// （react元素，真是的DOM节点挂载点） 16.8以前的版本
// ReactDom.render(h1Dom, document.getElementById('root'));

// 18版本以上新出的挂载方法
const root = ReactDom.createRoot(document.getElementById('root'));
root.render(h1Dom);
